<header class="header">
    <div class="flex flex-between center">
        <h1 class="logo">
            <a href="/">医灯
                <img src="/public/template/default/pc/img/logo.png" alt="医灯" title="医灯">
            </a>
        </h1>

        <!-- 导航 -->
        <nav>
            <ul class="nav flex">
                <li><a href="/list/1?page=1" title="中医新闻">中医新闻</a></li>
                <li><a href="/list/2?page=1" title="中医文化">中医文化</a></li>
                <li><a href="/zhongyishuji/3?page=1" title="中医书籍">中医书籍</a>
                    <!-- <ul>
                        <li><a href="/list/9?page=1" title="中医教材">中医教材</a></li>
                        <li><a href="/list/10?page=1" title="中医经典">中医经典</a></li>
                        <li><a href="/list/11?page=1" title="现代中医">现代中医</a></li>
                    </ul> -->
                </li>
                <li><a href="/list/4?page=1" title="中药学">中药学</a></li>
                <li><a href="/list/5?page=1" title="方剂学">方剂学</a></li>
                <li><a href="/list/6?page=1" title="名医">名医</a></li>
                <li><a href="/list/7?page=1" title="中医医案">中医医案</a></li>
                <li><a href="/list/8?page=1" title="中医入道">中医入道</a>
                    <!-- <ul>
                        <li><a href="/list/12?page=1" title="中医气功">中医气功</a></li>
                        <li><a href="/list/13?page=1" title="祝由术">祝由术</a></li>
                        <li><a href="/list/14?page=1" title="佛道真言">佛道真言</a></li>
                    </ul> -->
                </li>
            </ul>
        </nav>


        <div class="search pos-r">
            <input class="search-inner" placeholder="请输入关键词" v-model="keywords" type="text">
            <span class="ico-search" @click="search"></span>
        </div>
    </div>
</header>